<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>抽奖盘</title>

  <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1805540_djtpnyzgal.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body>
  <!-- 导航栏 -->
  <nav class="navbar navbar-inverse">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand imgWrap" href="#">
          <!-- 品牌Log -->
          <img src="./img/images/上线抽奖活动_03.jpg" alt="">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="#">合约交易 </a></li>
          <li><a href="#">币币交易</a></li>
          <li><a href="#">模拟交易</a></li>
          <li><a href="#">活动中心</a></li>
          <li><a href="#">交易挖矿</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">登录 </a></li>
          <li><a href="#">注册</a></li>
          <li><a href="#">帮助中心</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">简体中文 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">繁体中文</a></li>
              <li><a href="#">英文</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
    <div class="bcOpacity"></div>
  </nav>
  <!-- 导航背景图 -->
  <div class="bcimage imgWrap"><img src="./img/images/images/上线抽奖活动_01.jpg" alt=""></div>
  <!-- 导航透明图 -->


  <!-- 头部介绍 -->
  <header>
    <div class="title FlexBetween">
      <div class="title-left">充值交易抽BTC</div>
      <div class="title-right">百分百中奖</div>
    </div>
    <div class="time">
      活动时间：2018年12月15日12:00:00-2018年12月26日12:00:00
    </div>
    <div class="change FlexBetween">
      <div class="change-left">
        <div class="top">充值到账即可获得1次抽奖机会</div>
        <div class="bottom">去充值
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
        </div>
      </div>
      <div class="change-right">
        <div class="top">交易即可获得1次抽奖机会</div>
        <div class="bottom">去交易
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
          <i class="iconfont icon-113fangxiang_xiangyou"></i>
        </div>
      </div>
    </div>
  </header>

  <!-- 抽奖盘介绍 -->
  <section>
    <div class="swiper-container swiper-no-swiping">
      <div class="swiper-wrapper">
      </div>
    </div>
    <div class="content FlexBetween">
      <div class="left">
        <div class="lucky">
          <div class="luckyFirst">
            <div class="item1">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271630274896.png" alt="">
                </div>
                <!-- <div class="circle_wrap">
                  <div class="circle"></div>
                </div> -->

              </div>
            </div>
            <div class="item2">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271630274896.png" alt="">
                </div>
                <div class="circle_wrap">
                  <div class="circle"></div>
                </div>
              </div>
            </div>
            <div class="item3">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271630274896.png" alt="">
                </div>
                <!-- <div class="circle_wrap">
                  <div class="circle"></div>
                </div> -->
              </div>
            </div>
            <div class="item4">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271630274896.png" alt="">
                </div>
                <div class="circle_wrap">
                  <div class="circle"></div>
                </div>
              </div>
            </div>
            <div class="item5">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271630274896.png" alt="">
                </div>
                <!-- <div class="circle_wrap">
                  <div class="circle"></div>
                </div> -->
              </div>
            </div>
            <div class="item6">
              <div class="content">
                <p>iPhoneXR</p>
                <div class="imgBox">
                  <img src="http://student.bluej.cn/public/thumb/201906271633195796.png" alt="">
                </div>
                <div class="circle_wrap">
                  <div class="circle"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="button">
            <div class="Lottery">
              <p>点击抽奖</p>
            </div>
            <div class="bcImage imgWrap ">
              <img src="./img/bcluck.png" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="title">
          <p>今天还有<span>4</span>抽奖次机会</p>
        </div>
        <div class="text-content">
          <div class="content-left">
            抽奖时间
          </div>
          <div class="content-right">
            抽奖结果
          </div>
        </div>
        <div class="Prizelist">
          <ul class="prizeTime">
          </ul>
          <ul class="prize">
          </ul>
        </div>
      </div>
    </div>
    <div class="rule">
      <div class="rule-title">活动规则</div>
      <div class="rule-tip">
        <ul>
          <li>1．活动时间：<span>中国时间2018年12月15日12:00:00 —— 2018年12月26日12:00:00；</span></li>
          <li>2．活动期间，用户每天凡充值BTC或交易即可参与大转盘抽奖活动，充值和交易操作累计获得两次抽奖机会，<span>每天共可抽奖4次</span>；</li>
          <li>3．奖品发放时间：BTC、TD奖励会在活动结束后的5个工作日内发放至账户，iPhone XR、iPad奖品请活动结束后的5个工作日与客服微信联系：<span>TDEx_01、TDEx001；</span>
          </li>
          <li>4．如发现恶意充值和交易、多账号刷量、互刷等作弊行为，将取消活动资格及奖励；</li>
          <li>5．本活动最终解释权归TDEx所有。</li>
        </ul>
      </div>
    </div>
  </section>


  <!-- 底部 -->
  <footer class=" FlexBetween">
    <ul class="information FlexBetween">
      <li class="service">
        服务支持
        <ul>
          <li><a href="#">API文档</a></li>
          <li><a href="#">WebSocketAPI 文档</a></li>
          <li><a href="#">帮助中心</a></li>
        </ul>
      </li>
      <li class="us">
        联系我们
        <ul>
          <li><a href="#">问题反馈</a></li>
          <li><a href="#">中文电报群</a></li>
          <li><a href="#">英文电报群</a></li>
          <li><a href="#">API电报群</a></li>
        </ul>
      </li>
      <li class="download">
        相关下载
        <ul>
          <li><a href="#">App 下载</a></li>
          <li><a href="#">MacOS客户端下载</a></li>
          <li><a href="#">PC客户端下载</a></li>
        </ul>
      </li>
    </ul>
    <div class="right ">
      <div class="first imgWrap"><img src="./img/images/bottomlog.jpg" alt=""></div>
      <div class="second">
        <ul class="FlexBetween ">
          <li><i class="iconfont icon-telegram"></i></li>
          <li><i class="iconfont icon-tuitetwitter43"></i></li>
          <li><i class="iconfont icon-weibo-copy"></i></li>
          <li><i class="iconfont icon-facebookfacebook52"></i></li>
        </ul>
      </div>
      <div class="three">
        Copyright ©TDEx TRADING LTD 版权所有
      </div>
    </div>
  </footer>

  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
  <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
  <script src="./js/rem.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/index.js"></script>

</body>

</html>